<HTML>
<!--
 ---------------------------------------------------------------------------
 this script is copyright (c) 2001 by Michael Wallner!
 http://www.wallner-software.com
 mailto:dhtml@wallner-software.com

 you may use this script on web pages of your own
 you must not remove this copyright note!

 Sie d�rfen dieses Script auf Ihren Webseiten verwenden
 Sie d�rfen diesen Copyright Hinweis jedoch nicht entfernen!
 ---------------------------------------------------------------------------
-->
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=UTF-8">
<TITLE>Outlook Like Bar</TITLE>

<!--
  you need this style or you will get an error in ns4 on first page load!
  diese Style Angabe wird ben�tigt, oder man erh�lt im ns4 beim ersten Laden
  eine Fehlermeldung!
-->
<STYLE>
  div    {
         position:absolute;
         }
</STYLE>

<script language="JavaScript" src="crossbrowser.js" type="text/javascript">
</script>
<script language="JavaScript" src="outlook.js" type="text/javascript">
</script>

<SCRIPT>

// ---------------------------------------------------------------------------
// Example of howto: use OutlookBar
// ---------------------------------------------------------------------------


  //create OutlookBar
  var o = new createOutlookBar('Bar',0,0,screenSize.width,screenSize.height,'#f0f4ff','white')//'#000099') // OutlookBar
  //new in version 1.3 --> change panels and captions propeties!
  o.captionheight=65;                       //new caption height
  o.captionbgcolor='blue';                  //caption bgColor
  o.captioncolor='white';                   //caption textcolor
  o.bordercolor='#ff8080';                  //panel image-button bordercolor
  o.color='blue';                           //panel textcolor (button-label)
  o.captionfont='times new roman';          //caption FontName
  o.captionfontsize='15pt';                 //caption FontSize
  o.buttonfont='courier';                   //button label FontName
  o.buttonfontsize='12pt';                  //button label FontSize

  var p

  //create first panel
  p = new createPanel('al','Anwendungen<BR>in VB');

  //Link to another page...
  p.addButton('netm.gif','Frontpage','parent.frames.main.location.href="main.html"');

  //Link to other page in main frame (right frame)
  p.addButton('word.gif','HowTo:','parent.frames[1].location.href="howto_custom.html"');

  //Link to a nother page of your own website replace current frame-pages...
  p.addButton('news.gif','Outlook-Default','parent.location.href="index_default.html"');

  //some javascript code...
  p.addButton('peditor.gif','Editor','alert("Editor")');
  p.addButton('mail.gif','Mail','alert("Mail")');
  o.addPanel(p);
  
  p = new createPanel('p','Postf�cher');
  p.addButton('mail.gif','Mail 2','alert("Mail2")');
  p.addButton('peditor.gif','Personal<BR>Editor','alert("Personal Editor")');
  p.addButton('word.gif','Projekte','alert("Projekte")');
  p.addButton('news.gif','Adresse','alert("Adresse")');
  p.addButton('mail.gif','Postausgang','alert("Postausgang")');
  p.addButton('mail.gif','Posteingang','alert("Posteingang")');
  p.addButton('news.gif','Information aus<BR>erster Hand','alert("Infos")');
  p.addButton('peditor.gif','Gelbe Post','alert("Gelbe Post")');
  p.addButton('word.gif','Schreiben','alert("Schreiben")');
  o.addPanel(p);

  p = new createPanel('l','Leeres Panel');
  o.addPanel(p);

  p = new createPanel('l2','Leeres Panel 2');
  o.addPanel(p);

  o.draw();         //draw the OutlookBar

//-----------------------------------------------------------------------------
//functions to manage window resize
//-----------------------------------------------------------------------------
//resize OP5 (test screenSize every 100ms)
function resize_op5() {
  if (bt.op5) {
    o.showPanel(o.aktPanel);
    var s = new createPageSize();
    if ((screenSize.width!=s.width) || (screenSize.height!=s.height)) {
      screenSize=new createPageSize();
      //need setTimeout or resize on window-maximize will not work correct!
      //ben�tige das setTimeout oder das Maximieren funktioniert nicht richtig
      setTimeout("o.resize(0,0,screenSize.width,screenSize.height)",100);
    }
    setTimeout("resize_op5()",100);
  }
}

//resize IE & NS (onResize event!)
function myOnResize() {
  if (bt.ie4 || bt.ie5 || bt.ns5) {
    var s=new createPageSize();
    o.resize(0,0,s.width,s.height);
  }
  else
    if (bt.ns4) location.reload();
}

</SCRIPT>

</head>
<!-- need an onResize event to redraw outlookbar after pagesize changes! -->
<!-- OP5 does not support onResize event! use setTimeout every 100ms -->
<body onLoad="resize_op5();" onResize="myOnResize();">
</body>
</html>


